.right {
	position: relative;
	display: flex;
	flex: auto;
	flex-flow: column;
	justify-content: space-between;
	p {
		margin: 0;
	}
	.title {
		position: relative;
		margin-left: 1rem;
		color: var(--color-text-0);
		font-size: calc(var(--text-xl) - 2px);
		&::before {
			position: absolute;
			top: 6px;
			left: -14px;
			width: 2px;
			height: 1rem;
			background: var(--color-primary);
			content: ' ';
		}
	}
	.info {
		display: flex;
		flex-wrap: wrap;
		margin-left: 1rem;
		margin-bottom: 16px;
		margin-top: 16px;
		.infoP {
			margin-bottom: 8px;
			width: 50%;
			display: flex;
			.infoP2 {
				color: #1e1f23;
			}
			.infoP3 {
				color: #1e1f23;
				overflow: hidden;
				width: 70%;
				font-weight: normal;
				white-space: nowrap;
				text-overflow: ellipsis;
				text-align: left;
			}
		}
		& span {
			display: inline-block;
			text-align: right;
		}
	}
	.rBox {
		padding: 14px;
		background-color: #f7f9fc;
		.rBoxp1 {
			display: flex;
			align-items: center;
			color: #1e1f23;
			.icon {
				display: inline-block;
				margin-right: 0.5rem;
				line-height: 1;
			}
		}
		.rBoxp2 {
			color: #696c78;
		}
	}
}
